.wrapper {
  display: flex;
  margin: -20px;
  height: calc(100vh - 50px - 50px);
  .main {
    overflow: auto;
    flex: 1;
    padding: 0 0 20px 0;
    .json {
      color: #fff;
      padding: 20px;
      background: #191e28;
    }
  }
  :global {
    .ant-tabs-nav {
      padding-left: 16px;
      margin-bottom: 0;
    }
  }
  .side {
    overflow: auto;
    width: 200px;
    padding-top: 0;
    height: 100%;
    border-right: 1px solid #d5dce2;
    flex-shrink: 0;
    .header {
      padding-left: 12px;
    }
    .item {
      flex: 1;
      justify-content: space-between;
    }
    :global {
      .ant-list {
        height: 100%;
      }
      .ant-list-item {
        padding: 6px 8px 6px 8px;
        border-left: transparent 3px solid;
        &.is-active {
          border-left: #1890ff 3px solid;
        }
      }
      .ant-spin-nested-loading {
        overflow: auto;
        height: calc(100% - 47px);
      }
    }
  }
}